<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>缺陷管理系统</title>
		<script src="/js/vue.js " type="text/javascript" charset="utf-8"></script>
		<script src="/js/element.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="/css/element.css" />
		<script src="/js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		body {
			padding: 0;
			margin: 0;
		}

		#app {
			width: 100%;
			min-height: 700px;
		}

		.header {
			width: 100%;
			height: 75px;
			background-color: #009688;
		}

		.header .logo {
			height: 67.5px;
			margin-left: 120px;
			padding-top: 7.5px;
			float: left;
		}

		.header .titile {
			height: 100%;
			line-height: 75px;
			float: left;
			margin-left: 450px;
			font-size: 35px;
			font-weight: 600;
			font-family: KaiTi;
			color: white;
		}
		img{
			margin: 0px;
			padding: 0px;
		}
		.header .logit {
			color: white;
			float: right;
			margin-right: 70px;

		}

		.header .logit span {
			position: relative;
			font-size: 16px;
			top: 40px;
		}

		#app .nav-1 {
			width: 220px;
			background-color: #282B33;
			min-height: 700px;
			padding-top: 10px;
			float: left;
		}
		#app .nav-1 .el-menu{
			border-right: 0px;
		}

		#if{
			width: 1360px;
			float: left;
			left: 220px;
			min-height: 710px;
		}
		#target1{
			width: 100%;
			min-height: 704px;
			border: 1px solid #F5F5F5;

		}
		#page{
			margin-top:50px;
		}
	</style>
	<body>
		<div id="app">
			<div class="header">
				<div class="titile">缺陷管理系统</div>
				<div class="logit"><span>当前账号:<a href="/admin/logoutAdmin">注销</a></span></div>
			</div>
			<div class="nav-1">
					<el-menu default-active="2" class="el-menu-vertical-demo" background-color="#282B33"
					 text-color="#fff" active-text-color="#ffd04b">
					 <el-menu-item index="0">
						 <i class="el-icon-s-promotion"></i>
					 	<span slot="title">导航栏</span>
					 </el-menu-item>
						<el-submenu index="1">
							<template slot="title">
								<i class="el-icon-s-custom"></i>
								<span>基础数据</span>
							</template>
							<el-menu-item index="1-1" @click="say('/page/basics/project.html')">项目管理</el-menu-item>
							<el-menu-item index="1-1" @click="say('/page/basics/userManagement.html')">用户管理</el-menu-item>
							<el-menu-item index="1-1" @click="say('/page/basics/projectRole.html')">项目角色</el-menu-item>
							<el-menu-item index="1-1" @click="say('')">优先级</el-menu-item>
							<el-menu-item index="1-1" @click="say('')">严重程度</el-menu-item>
							<el-menu-item index="1-1" @click="say('')">缺陷分类</el-menu-item>
							<el-menu-item index="1-1" @click="say('')">缺陷状态</el-menu-item>
							</el-submenu>
						</el-submenu>
						<el-submenu index="2">
							<template slot="title">
								<i class="el-icon-postcard"></i>
								<span>缺陷管理</span>
							</template>
							<el-menu-item index="2-1" @click="say('/page/management/taskList.html')">缺陷列表</el-menu-item>
							<el-menu-item index="2-1" @click="say('/page/management/taskAllocation.html')">缺陷分配</el-menu-item>
							<el-menu-item index="2-1" @click="say('/page/management/taskDeal.html')">缺陷处理</el-menu-item>
							<el-menu-item index="2-1" @click="say('/page/management/feedback.html')">缺陷反馈</el-menu-item>
							</el-submenu>
						</el-submenu>
						<el-submenu index="3">
							<template slot="title">
								<i class="el-icon-s-goods"></i>
								<span>统计分析</span>
							</template>
							<el-menu-item index="3-1" @click="say('/page/statistics/statisticsClassification.html')">Bug分类对比</el-menu-item>
							<el-menu-item index="3-2" @click="say('/page/statistics/defectStatus.html')">Bug状态分布</el-menu-item>
							<el-menu-item index="3-2" @click="say('/page/statistics/severity.html')">Bug严重程度</el-menu-item>
							<el-menu-item index="3-2" @click="say('/page/statistics/hourstatisticsSameDay.html')">工时统计日报</el-menu-item>
							<el-menu-item index="3-2" @click="say('/page/statistics/hourstatisticsSameMonth.html')">工时统计月报</el-menu-item>
						</el-submenu>
					</el-menu>
			</div>
			<div id="if">
				<iframe id="target1" scrolling="no"></iframe>
			</div>
		</div>
		<script type="text/javascript">
			var app = new Vue({
				el: "#app",
				data: {

				},
				created: function() {

				},
				methods: {
					say:function(url){
						document.getElementById("target1").src=url;
					}

				},
				watch: {

				},
				mounted(){
					var af=document.getElementById("if")
					var deviceWidth = document.documentElement.clientWidth;
					af.style.width = (deviceWidth-220) + "px";
				},
			});

		</script>
	</body>
</html>
